@import "variables";

seed-parent-schedule-list {
  seed-default-graph {
    .seed-default-graph {
      padding-top: pxTorem(178);
    }
  }
  header {
    margin: 0 pxTorem(24);
    height: pxTorem(88);
    p {
      color: color(c2);
      @include font-size(f2);
    }
    .left-arrow {
      @include icon(40, 40, '#{$icons-path}/icon_training_left.png')
    }
    .right-arrow {
      @include icon(40, 40, '#{$icons-path}/icon_training_right.png')
    }
  }
  .week-list {
    margin: pxTorem(19) pxTorem(21);
    border: 1px solid color(c9);
    flex-wrap: nowrap;
    .day-wrap {
      flex-direction: column;
      text-align: center;
      height: pxTorem(102);
      width: calc(100% / 7);
      border-right: 1px solid color(c9);
      &.no-right-border {
        border-right: none;
      }
      &.today {
        background-color: color(c6);
        .date-week {
          color: #fff;
        }
        .date-number {
          color: #fff;
        }
      }
      &.choose {
        background-color: color(c1) !important;
        .date-week {
          color: #fff;
        }
        .date-number {
          color: #fff;
        }
      }
      .date-week {
        @include font-size(f2);
        color: color(c2);
      }
      .date-number {
        @include font-size(f7);
        color: color(c3);
      }
    }
  }
  .schedule-list {
    padding: pxTorem(30) pxTorem(18);
    li {
      margin-bottom: pxTorem(30);

      //height: pxTorem(272);
      &.time-course {
        //height: pxTorem(314);
        .course-detail {
          //height: pxTorem(284);
        }
      }
      seed-img {
        //margin: pxTorem(30) pxTorem(30) 0 0;
        width: pxTorem(212);
        height: pxTorem(212);
      }
      .course-detail {
        //margin-top: pxTorem(30);
        //height: pxTorem(212);
        margin-left: pxTorem(30);
        flex-direction: column;
        justify-content: space-between;

        &.freeze * {
          color: color(c5) !important;
          border-color: color(c5) !important;
          background-color: #fff !important;
        }
        .course-name {
          @include font-size(f3);
          color: color(c2);
          line-height: 1.2;
          //padding-bottom: pxTorem(24);
          .name {
            overflow-x: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            margin-right: pxTorem(28);
            //line-height: 1.2;
          }
          .label-course {
            border: 1px solid color(c15);
            color: color(c15);
            border-radius: 2px;
            width: pxTorem(60);
            height: pxTorem(30);
            @include font-size(f8);
            line-height: pxTorem(28);
            text-align: center;
            &.freeze-label {
              width: auto;
              padding: 0 pxTorem(8);
              border-color: color(c5);
              color: color(c5);
            }
          }
        }
      }
      .course-detail-normal {
        @include font-size(f5);
        color: color(c4);
        //line-height: 1.2;
        //padding-bottom: pxTorem(14);
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        .warn {
          color: color(c15);
        }
      }
      .course-surplus{
        margin-left: pxTorem(242);
        margin-top: pxTorem(16);
      }
    }
  }
}
